*{
    padding: 0px;
    margin: 0px;
}
#nav{
    width: 100%;
    height: 15vh;
    background-color: brown;
}
.navrap{
    width: 80%;
    margin: auto;
}
.logo{
    position: absolute;
    margin-top: 10px;
}
.logo span{
    position: absolute;
    font-size: 25px;
    margin-top: 7px;
}
.logo h1{
    color: aliceblue;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 50px;
    margin-top: 25px;
}
.menu {
    float: right;
    position: absolute;
    margin-left: 360px;
    
    
}
.menu img{
    width: 14%;
    height: 8vh;
    position: absolute;
    margin-top: 30px;
    border-radius: 25px;
}

 .menu ul li{
    display: inline;
     padding-left: 15px;
     padding-right: 15px;
 }


.menu ul li span{
    color: yellow;
    font-size: 15px;
    position: absolute;
    margin-top: 25px;
    padding-left: 80px;
}
.menu ul li h1{
    padding-left: 50px;
    font-size: 15px;
    color: aliceblue;
    padding-left: 80px;
    padding-top: 7px;
    

   
}
.menu1 {
    position: absolute;
    float: right;
    margin-left: 900px;
    margin-top: 7px;
    border-left: 1px solid gray;
}
.menu1 img{
    width: 38%;
    height: 9vh;
    position: absolute;
    margin-top: 4px;
    border-radius: 25px;
    margin-left: 30px;
}
.menu1 ul li{
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
}

.menu1 ul li span{
    color: yellow;
    position: absolute;
    margin-top: 19px;
    margin-left: 100px;
    font-size: 13px;
}
.menu1 ul li h1{
    padding-left: 100px;
    font-size: 14px;
    color: aliceblue;
}

.ban{
    width: 100%;
    height: 90vh;
    background-image: url(./ban1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.banrap{
    width: 80%;
    height: 12vh;
    margin-left: 150px;
    background-color: rgba(168, 176, 184, 0.493);
}

.menu2{
    position: absolute;
    margin-top: 35px;
}
.menu2 ul li{
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
}
.menu2 ul li a{
    text-decoration: none;
    color: aliceblue;
    font-size: 16px;
    padding-left: 40px;
    font-family: 'Franklin Gothic Medium', Arial, sans-serif;
}
ul li a:hover{
    color: blue;
}
.ban h1{
    color: aliceblue;
    padding-top: 200px;
    padding-left: 200px;
    font-size: 70px;
}
.ban button{
    position: absolute;
    margin-left: 450px;
    width: 13%;
    height: 9vh;
    background-color: rgba(240, 248, 255, 0.048);
    font-size: 15px;
    color: aliceblue;
    border-radius: 50px;
    outline: none;
    border-color: white;
    margin-top: 50px;
    border-width: 3px;
    cursor: pointer;
}
.imagerap{
    width: 100%;
    height: 90vh;
    background-color: rgba(26, 27, 27, 0.623);
}
.mid{
    width: 100%;
    height: 190vh;
}
.midrap{
    width: 60%;
    margin: auto;
}
.mid span{
    position: absolute;
    margin-top: 100px;
    color: red;
    margin-left: 300px;
    font-size: 20px;
    border-left: 5px solid red;
}
.mid h1{
    padding-top: 150px;
    font-size: 50px;
    padding-left: 100px;
}
.box{
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}
.box1 img{
width: 100%;
height: 40vh;
margin-top: 70PX;
margin-left: 49px;
}

.box2{
    width: -90%;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: -30px;
    grid-column-gap: 70px;
}
.box3 P{
    font-size: 14px;
    padding-top: 30px;
    border-width: 80;
    padding-left: 20px;
    
}
.box4{
    width: 40%;
    display: grid;
    grid-template-columns: auto auto ;
    grid-row-gap: 30px;
    grid-column-gap: -10px;
}
.box5 img{
width: -100%;
height: 40vh;
margin-top: 50PX;
margin-left: 50px;
}

.box6{
    width: 60%;
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}
.box7 P{
    font-size: 14px;
    padding-top: 30px;
    border-width: 80;
    padding-left: 20px;
    text-align: justify;
}
.mid1{
    width: 100%;
    /* height: 260vh; */
}
.midrap1{
    width: 80%;
    margin: auto;
}
.mid1 span{
    position: absolute;
    margin-top: 200px;
    color: red;
    margin-left: 400px;
    font-size: 20px;
    border-left: 5px solid red;
}
.mid1 h1{
    padding-top: 250px;
    padding-left: 300px;
    font-size: 60px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.mid1 table{
 width: 95%;
 /* height: 40vh;     */
 margin-top: 50px;
}

.mid1 table td{
    padding-left: 68px;
    
}
.package{
    width: 100%;
    /* height: 20vh; */
}

.table_head
{
    width:100%;
    display: flex;
    /* grid-template-columns: auto auto; */
    justify-content: space-between;
    /* border: 2px solid white; */
    margin-left: -35px;
}
.info1{
    color: aliceblue;
    text-transform: uppercase;
    font-size: 15px;
  
}
.info2{
    /* margin-left: 880px; */
    color: aliceblue;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 15px;
    
}
.info2:hover{
    color: rgb(199, 202, 202);
}
.package table tr th{
    /* padding-right: 1090px; */
    color: aliceblue;
    font-size: 17px;
    height: 5vh;
}

.guaranteed{
    display: flex;
    /* grid-template-columns: auto auto; */
    /* justify-content: space-between; */
}
.protection1{
    /* padding-left: -580px; */
    font-size: 17px;
}
.protection2 button{
    position: absolute;
    /* margin-left: 270px; */
    width: 10%;
    height: 5vh;
    background-color: red;
    border: 1px solid brown;
    color: aliceblue;
    font-size: 14px;
    /* margin-top: -5px; */
    cursor: pointer;
}
.limelight{
    display: grid;
    grid-template-columns: auto auto;
}
.rembow1{
    padding-left: -200px;
    font-size: 15px;
}

.rembow2 button{
    position: absolute;
    margin-left: 200px;
    width: 10%;
    height: 5vh;
    background-color: red;
    border: 1px solid brown;
    color: aliceblue;
    font-size: 14px;
    margin-top: -7px;
    cursor: pointer;
}

.security{
    width: 10%;
    height: 20vh;
    position: absolute;
    margin-left: 50px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 40px;
}

.alart i{
    width: 90%;
    height: 4vh;
    position: absolute;
    padding-left: 13px;
    padding-top: 19px;
    background-color: rgba(243, 247, 252, 0.308);
    font-size: 25px;
    color: blue;
    
}

.footer{
    width: 100%;
    height: 140vh;
background-image: url(./back.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.footrap{
    width: 100%;
    height: 140vh;
    background-color: rgba(10, 10, 10, 0.897);
}
.box8{
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    
}

.box9 h1{
    color: aliceblue;
    padding-top: 100px;
    text-align: center;
    font-size: 50px;
}
.footer #textbox{
    width: 35%;
    height: 7vh;
    border-radius: 25px;
    position: absolute;
    margin-left: -170px;
    margin-top: 100px;
    border: none;
    outline: none;
}
.box9 button{
    width: 12%;
    height: 8vh;
    background-color: orangered;
    outline: none;
    border: none;
    border-radius: 29px;
    color: aliceblue;
    position: absolute;
    margin-top: 140px;
    margin-left: -150px;
    font-size: 14px;
    cursor: pointer;
}
.footer hr{
    margin-top: 120px;
    border-color: gray;
}
.box10{
    width: 70%;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
}
.box11 h1{
color: aliceblue;
margin-top: 90px;
margin-left: 100px;
font-size: 20px;
}
.box11 hr{
    width: 12%;
    border-color: brown;
    margin-top: 20px;
}
.box11 p{
    color: aliceblue;
    text-align: justify;
    margin-left: 90px;
    padding-bottom: -570px;
    margin-top: 10px;
    font-size: 15px;
}
.box11 span{
    color: aliceblue;
    position: absolute;
    margin-left: 50px;
    margin-top: 30px;
    font-size: 15px;
}
.box11 i{
    width: 13%;
    height: 4vh;
    padding-left: 10px;
    padding-top: 10px;
     font-size: 24px;
    color: aliceblue;
    background-color: red;
    margin-top: 20px;
    margin-left: 90px;
}
.box11 iframe{
    width: 190%;
    height: 50vh;
    margin-left: 150px;
  margin-top: 90px;
}

.security{
    width: 10%;
    height: 20vh;
    position: absolute;
    margin-left: 50px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 40px;
}

.alart i{
    width: 90%;
    height: 4vh;
    position: absolute;
    padding-left: 13px;
    padding-top: 19px;
    background-color: rgba(243, 247, 252, 0.308);
    font-size: 25px;
    color: blue;
    
}

.creative{
    width: 100%;
    height: 6vh;
    position: absolute;
    margin-top: 90px;
    background-color: rgba(8, 8, 8, 0.89);
    padding-top: 30px;
    padding-left: 80px;
}
.creative span{
    font-size: 18px;
    color:crimson;
}
.creative h1{
    font-size: 18px;
    color: aliceblue;
}
.head1{
    background-color: red;
    width: 100%;
    border: 2px solid black;
}
.mid2{
    padding-top: 50px;
    width: 100%;
   height: 55vh;
  
}
.mid2rap{
    margin-left: 130px;
    width: 76%;
    /* margin: auto; */
}
.tab1{
    width: 100.2%;
    background-color: red;
    text-align: center;
    color: aliceblue;
}
.main{
    width:100%;
    height: 8vh;
    border: 1px solid red;
    display: grid;
    grid-template-columns: auto auto;
}
.protection11{
    width: 500px;
    height: 6vh;
    padding-top: 15px;
    /* border: 1px solid red; */
}
.protection11 button{
    
    /* width: 10%; */
    height: 5vh;
    background-color: red;
    border: 1px solid brown;
    color: aliceblue;
    font-size: 14px;
    margin-left: 387px;
    cursor: pointer;
}